<%@ page language="java" pageEncoding="utf-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
<html:base/>
<head>
<title>比较家教</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here." />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name / Original design by Andreas Viklund - http://mb5u.com" />
<link rel="stylesheet" href="andreas09_pk.css" type="text/css" media="screen" />
<style type="text/css">

/* This is only a demonstration of the included colors in the andreas09 template. Don't use this file as a starting point when you use the template, use the included index.html or 2col.html instead! */

#container{background:#f0f0f0 url(img/bodybg.jpg) repeat-x;}
#mainmenu a:hover{background:#f0f0f0 url(alt-img/menuhover-purple.jpg) top left repeat-x;}
#mainmenu a.current{background:#f0f0f0 url(alt-img/menuhover-purple.jpg) top left repeat-x;}
.searchbox_mini{
font-size:11px;
width:150px;
position:relative;
top:-20px;
padding:8px;
}
.searchbox_mini  td{
padding: 2px 0px;
}
.searchbox_mini .dropdownlist{
height:13px;
width:80px;
padding:1px;
font-size:11px;
}
.searchbox_mini .price{
height:13px;
width:25px;
}
.searchbox_mini .searchbtn{
height:17px;
width:60px;
border: 1px solid #97928f;
font-size:12px;
background:#ffffff;
}

#container_header{
	margin:0;
	background:url(img/hbanner7.jpg);
	height:180px;
}
/* Green Box */
#content .greenbox {
	float:left;
	width:180px;
	/*border: 1px solid #000000;*/ 
	margin:0px 2px;
	padding:0px;
	background: #FFFFFF url(images/green_bar_l.png) no-repeat right top;
}

#content .greenbox .title {
	margin:0px;
	position:relative;
	left:-3px;
	width:99%;
	height: 60px;
	background:url(images/green_bar_m.png) repeat-x top;
}

#content .greenbox .title h1 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/green_bar_r.png) no-repeat left top;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

#content .greenbox .entry {
	padding: 0px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/* Purple Box */

#content .purplebox {
	float:left;
	width:180px;
	/*border: 1px solid #000000;*/ 
	margin:0px 2px;
	padding:0px;
	background: #FFFFFF url(images/purple_bar_l.png) no-repeat right top;
}

#content .purplebox .title {
	margin:0px;
	position:relative;
	left:-3px;
	width:99%;
	height: 60px;
	background:url(images/purple_bar_m.png) repeat-x top;
}

#content .purplebox .title h1 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/purple_bar_r.png) no-repeat left top;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

#content .purplebox .entry {
	padding: 0px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/* btm */
.btm {
position:relative;
top:-10px;
/*border:1px solid #000000;*/
 background: url(images/img06.gif) repeat-x left bottom; }
.btm .l { background: url(images/img07.gif) no-repeat left bottom; }
.btm .r { background: url(images/img08.gif) no-repeat right bottom; }
.btm .meta{
	display:block;
	position:relative;
	top:-5px;
	margin: 0px 0px 12px 0px;
	padding: 0px 20px;
}
.btm .compare
{
	padding-left: 20px;
	background: url(resource/jiahao.png) no-repeat left center;
	font-size: 14px;
}
.btm .reserve
{
	padding-left: 20px;
	background: url(img/msg1.png) no-repeat left center;
	font-size: 14px;
}
</style>
</head>

<body>
<div id="container">

<div id="container_header">
<div id="sitename">
<h1><img src="resource/logo_180x60.jpg" width="180px" height="60px" /></h1>
</div>
</div>

<div id="mainmenu">
<ul>
<li><a href="center.jsp">个人中心</a></li>
<li><a  href="teacherinfo.jsp">我的家教信息</a></li>
<li><a href="messages.jsp">短消息</a></li>
<li><a class="current" href="search.jsp">搜索家教</a></li>
</ul>
</div>
 
<div id="wrap">

<div id="leftside">
<h1>Actions</h1>
<p>
<a class="nav active" href="index.html">搜索家教</a><span class="hide"> | </span>
<form name="search" action="#">
<div class="searchbox_mini">
<table width="100%" border="0" align="center">
<tbody><tr>
<td>科目：</td><td><select class="dropdownlist"><option>语文</option><option>数学</option></select> </td>
</tr>
<tr><td>区域：</td><td><select class="dropdownlist"><option>海淀</option><option>大兴</option><option>西城区</option></select></td>
</tr>
<tr>
<td>高校：</td><td><select class="dropdownlist"><option>不限</option><option>北京大学</option><option>清华大学</option><option>北京师范大学</option></select> </td>
</tr>
<tr><td>价格范围：</td><td><input class="price" type="text" /> ~ <input class="price" type="text" /> </td>
</tr>
<tr>
<td>性别：</td><td><select class="dropdownlist"><option>不限</option><option>男</option><option>女</option></select>&nbsp; </td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;<input type="button" value="搜索" class="searchbtn" /></td>
</tr>
<tr>
</tbody></table>
</div>
</form>
<a class="nav" href="2col.html">家教PK</a><span class="hide"> | </span>
</p>

</div>

<div id="content">
<div class="purplebox">
	<div class="title"><h1>王小丫</h1>
		</div>
	<div class="entry">
	<img src="img/touxiang1.jpg" alt="" width="139" height="180" class="left" style="width: 139px; height: 180px;"/>
	<br/><p class="intro"> 就读学校：北京大学</p> 
	<p class="intro">女孩</p>
	<p class="intro">所在城市：北京</p> 
	<p class="intro">家教区域：海淀区，西城区 </p>
	<p class="intro">教学科目：语文，数学</p></div>
	<div class="mincleardiv"></div>
	<hr width="100%" style="margin:0px;padding:0px;display:block;position:relative;top:-15px;"/>
	<div class="btm">
		<div class="l">
			<div class="r">
				<p class="meta">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="reserve">预约</a></p>
			</div>
		</div>
	</div>
</div>
<div class="greenbox">
	<div class="title"><h1>王小丫</h1>
		</div>
	<div class="entry">
	<img src="img/touxiang1.jpg" alt="" width="139" height="180" class="left" style="width: 139px; height: 180px;"/>
	<br/><p class="intro"> 就读学校：北京大学</p> 
	<p class="intro">女孩</p>
	<p class="intro">所在城市：北京</p> 
	<p class="intro">家教区域：海淀区，西城区 </p>
	<p class="intro">教学科目：语文，数学</p></div>
	<div style="clear:both; height:0px; margin:0px;padding:0px;"></div>
	<hr width="100%" style="margin:0px;padding:0px;display:block;position:relative;top:-15px;"/>
	<div class="btm">
		<div class="l">
			<div class="r">
				<p class="meta">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="reserve">预约</a></p>
			</div>
		</div>
	</div>
</div>
<div class="greenbox">
	<div class="title"><h1>王小丫</h1>
		</div>
	<div class="entry">
	<img src="img/touxiang1.jpg" alt="" width="139" height="180" class="left" style="width: 139px; height: 180px;"/>
	<br/><p class="intro"> 就读学校：北京大学</p> 
	<p class="intro">女孩</p>
	<p class="intro">所在城市：北京</p> 
	<p class="intro">家教区域：海淀区，西城区 </p>
	<p class="intro">教学科目：语文，数学</p></div>
	<div style="clear:both; height:0px; margin:0px;padding:0px;"></div>
	<hr width="100%" style="margin:0px;padding:0px;display:block;position:relative;top:-15px;"/>
	<div class="btm">
		<div class="l">
			<div class="r">
				<p class="meta">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="reserve">预约</a></p>
			</div>
		</div>
	</div>
</div>
<div class="greenbox">
	<div class="title"><h1>王小丫</h1>
		</div>
	<div class="entry">
	<img src="img/touxiang1.jpg" alt="" width="139" height="180" class="left" style="width: 139px; height: 180px;"/>
	<br/><p class="intro"> 就读学校：北京大学</p> 
	<p class="intro">女孩</p>
	<p class="intro">所在城市：北京</p> 
	<p class="intro">家教区域：海淀区，西城区 </p>
	<p class="intro">教学科目：语文，数学</p></div>
	<div style="clear:both; height:0px; margin:0px;padding:0px;"></div>
	<hr width="100%" style="margin:0px;padding:0px;display:block;position:relative;top:-15px;"/>
	<div class="btm">
		<div class="l">
			<div class="r">
				<p class="meta">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="reserve">预约</a></p>
			</div>
		</div>
	</div>
</div>
	<div class="mincleardiv"></div>
</div>
<div class="clearingdiv">&nbsp;</div>
</div>
</div>
<div id="footer">&copy; 2005 Your Name | Design by <a href="http://mb5u.com">Andreas Viklund</a></div>
</body>
</html:html>